<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script>
		function sj(){
			alert("这是事件一");
		}
	</script>
	<body>
		<div id="app">
			<span v-if="seen">{{username}}</span>
			<input type="text" v-model="username" placeholder="请输入用户名"/>
			
		</div>
		<button onclick="sj()">事件</button>
		
		<script src="./js/jquery.slim.min.js"></script>
		<script src="./js/popper.min.js"></script>
		<script src="./js/bootstrap.min.js"></script>
		<script src="./layer/layer.js"></script>
		<script src="./js/sweetalert2.all.min.js"></script>
		<script src="./js/axios.min.js"></script>
		<script src="./js/vue.min.js"></script>
		<script src="./js/request.js"></script>
		
		<script type="text/javascript">
			var app =new  Vue({
				el:"#app",
				data:{
					seen:false,
					username:""
				},
				methods:{
					showInput:function(){
						
					}
					,
					inputRef:function(){
						console.log(this.$refs.name.value){
							this.name=this.$refs.name.value
						}
					}
				}
			})
		</script>
	</body>
</html>
